
<template>
  <div>
    <p>{{ num }}</p>
    <p>{{ reverseMessage }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: 10,
      b: 5,
      message: "HELLO WORLD",
    };
  },
  computed: {
    //定义的属性都是计算属性(和data里的变量一样使用,不能重名)
    /* 
    计算属性名(){
      必须return 一个值给这个属性使用
    }
    */
    //如果一个变量的值,应该由别人计算而得来,则声明为计算属性
    num() {
      return this.a + this.b;
    },
    reverseMessage() {
      return this.message.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>